/* S= list */
/*.cs-list .item .txt{
	top: 73px;
	width: 222px;
	height:40px;
	overflow:hidden;
	white-space:nowrap;}*/
.cs-arrow {
	position: absolute;
	top: 518px;
	left: 34px;
}
.headline {
	position: absolute;
	left: 150px;
	top: 30px;
	color: #f5f5f5;
	font-size: 42px;
	line-height: 62px;
	width: 400px;
	height: 62px;
}
.cs-menu {
	position: absolute;
	left: 61px;
	top: 61px;
	width: 260px;
	height: 960px;
	overflow: hidden;
}
.cs-menu .scrollBox{
	position:absolute;
	top:20px;
	left:0px;
	width:260px;
	height:auto;}
.item {
  outline: 0;
  outline: none;
}
.cs-menu .item, .cs-menu .item .link {
	width: 260px;
	height: 88px;
	overflow: hidden;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.cs-menu .txt {
	left: 32px;
	color: #f5f5f5;
	font-size: 40px;
	line-height: 88px;
	width: 227px;
	height: 88px;
	overflow: hidden;
}
.cs-leftnav {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 240px;
	height: 1080px;
	background: url(../images/cs-listBg.png) no-repeat;
	z-index: 1;
}
.cs-leftnav .cs-box {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 240px;
	height: 920px;
	overflow: hidden;
}
.cs-leftnav .cs-box .scrollBox {
	top: 20px;
	width: 240px;
	height: auto;
}
.cs-leftnav .cs-box .item, .cs-leftnav .cs-box .item .link {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 240px;
	height: 88px;
	overflow: hidden;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.cs-leftnav .cs-box .txt {
	color: #f5f5f5;
	font-size: 36px;
	line-height: 88px;
	text-align: center;
	width: 240px;
	height: 88px;
	overflow: hidden;
}
.cs-leftnav .cs-box .icon {
	left: 50px;
	top: 29px;
	width: 33px;
	height: 33px;
}
.cs-leftnav .cs-box .item .icon01 {
	background: url(../images/w-icon-search.png) no-repeat;
}
.cs-leftnav .cs-box .item_select .icon01 {
	background: url(../images/w-icon-search_focus.png) no-repeat;
}
.cs-leftnav .cs-box .item .icon02 {
	background: url(../images/cs-icon-chooice.png) no-repeat;
}
.cs-leftnav .cs-box .item_select .icon02 {
	background: url(../images/cs-icon-chooice_focus.png) no-repeat;
}
.cs-leftnav .cs-box .icon-two {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 36px;
	height: 36px;
}
.cs-leftnav .cs-box .txt-one {
	left: 75px;
	color: #ffffff;
	width: 130px;
}
.cs-leftnav .cs-box .txt-two {
	left: 56px;
	width: 160px;
}
/*.cs-leftnav .cs-box .txt-end {
	background: linear-gradient(to top, rgba(254, 254, 254, 0), rgba(254, 254, 254, 0.6));
	-webkit-background-clip: text;
	color: transparent;
}*/
.cs-leftnav .cs-box .item:focus .txt, .cs-leftnav .cs-box .item_select .txt {
	color: rgba(255, 255, 255, 1);
}
.cs-leftnav .cs-box .item:focus, .cs-menu .item:focus {
	background: linear-gradient(to left, #ffac0b, #ff2d2d);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.cs-leftnav .cs-box .item_select, .cs-menu .item_select {
	background: rgba(255, 255, 255, 0.1);
}
.cs-leftnav .cs-box .item_select .txt {
	color: #ff5c20;
}
.cs-leftnav .cs-box .item_select .line {
	position: absolute;
	top: 19px;
	right: 0px;
	width: 10px;
	height: 50px;
	background: #ff5622;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9;
	-webkit-animation: 1s ease;
	animation: 1s ease;
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
}
 40% {
-webkit-transform:translateY(-30px);
}
 60% {
-webkit-transform:translateY(-15px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
transform:translateY(0);
}
 40% {
transform:translateY(-30px);
}
 60% {
transform:translateY(-15px);
}
}
.cs-leftnav .item_select .link, .cs-menu .item_select .link {
	left: 380px;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	-webkit-animation: 2.5s linear 1.5s infinite alternate;
	animation: 2.5s linear 1.5s infinite alternate;
	-webkit-animation-name: fadeinL;
	animation-name: fadeinL;
}
@-webkit-keyframes fadeinL {
 0% {
opacity:1;
-webkit-transform:skewX(-25deg) translateX(-590px);
}
 100% {
opacity:1;
-webkit-transform:skewX(-25deg) translateX(380px);
}
}
@keyframes fadeinL {
 0% {
opacity:1;
transform:skew(-25deg) translateX(-590px);
}
 100% {
opacity:1;
transform:skew(-25deg) translateX(380px);
}
}

.cs-pages {
	position: absolute;
	left: 1405px;
	top: 35px;
}
.cs-pages .txt {
	font-size: 34px;
	color: #f5f5f5;
	white-space: nowrap;
	text-align: right;
	width: 450px;
	height: 40px;
	line-height: 40px;
}
.cs-pages .txt span {
	color: #1a93b8;
}

/* E= list */

/* S= filter */
.cs-fullcover {
	display: none;
	left: 0;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 1));
	width: 1920px;
	height: 480px;
	z-index: 5;
}
.cs-fullcover .cs-line {
	position: absolute;
	top: 66px;
	left: 276px;
}
.cs-title01 {
	position: absolute;
	left: 95px;
	top: 46px;
	color: #ffffff;
	font-size: 48px;
	line-height: 52px;
	width: 600px;
	height: 52px;
}
.cs-sub {
	position: absolute;
	left: 75px;
	top: 66px;
	width: 1800px;
}
.cs-sub .item .txt {
	color: #aaadb2;
	font-size: 36px;
	text-align: center;
	letter-spacing: 5px;
	line-height: 64px;
	height: 64px;
	transform-style: preserve-3d;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.cs-sub .item .txt-wrap01, .cs-sub .item .txt-wrap01 .txt {
	width: 128px;
}
.cs-sub .item .txt-wrap02, .cs-sub .item .txt-wrap02 .txt {
	width: 164px;
}
.cs-sub .item .txt-wrap:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*border: 1px solid rgba(255, 255, 255, 0);*/
	height: 64px;
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
	width: 10%;
	top: 0;
}
.cs-sub .item:hover .txt-wrap:after, .cs-sub .item:focus .txt-wrap:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: linear-gradient(to left, #fdac11, #fc142e);
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: width 350ms ease-in-out;
	transition: width 350ms ease-in-out;
	width: 100%;
}
.cs-sub .txt-wrap01 {
	width: 160px;
}
.cs-sub .txt-wrap02 {
	width: 100px;
}
.cs-sub .txt-wrap03 {
	width: 230px;
}
.cs-sub .txt-wrap04 {
	width: 270px;
}
.cs-sub .item:hover .txt-wrap:after, .cs-sub .item:focus .txt-wrap:after {
	bottom: auto;
	top: 0;
	width: 100%;
}
.cs-sub .item:focus .txt-wrap {
	-webkit-border-radius: 32px;
	border-radius: 32px;
	transition: all 150ms linear 0s;
}
.cs-sub .item:hover .txt-wrap .txt, .cs-sub .item:focus .txt-wrap .txt {
	color: #fbf9f9;
	width:100%;
	text-align:center;
	font-weight: bold;
	font-size: 36px;
	transition: all 150ms linear 0s;
	transform: rotateY(20deg);
}
.cs-sub .item_select .txt-wrap .txt {
	color: #ff5622;
	font-weight: bold;
	font-size: 36px;
}
.cs-sub .item_select .txt-wrap {
	color: #ff5622;
}
/* E= filter */
